<!-- eslint-disable vue/multi-word-component-names -->
<!-- eslint-disable vue/valid-template-root -->
<!-- eslint-disable vue/multi-word-component-names -->
<template>

    <div class="common-layout">
        <el-container>
            <div class="head">
                <el-header>

                    <el-menu :default-active="activeIndex2" class="el-menu-demo" mode="horizontal"
                        background-color="#545c64" text-color="#fff" active-text-color="#ffd04b" @select="handleSelect">
                        <el-avatar :size="50" style="margin: 5px;"
                        :src="url"/>
                        <el-sub-menu index="1">
                            <template #title>个人中心</template>
                            <el-menu-item index="2-1">账户信息</el-menu-item>
                            <el-menu-item index="2-2">修改信息</el-menu-item>
                            <el-menu-item index="2-3">退出登陆</el-menu-item>
                        </el-sub-menu>
                        <el-menu-item index="2">
                            <router-link to="/user/hall">产品大厅</router-link>
                        </el-menu-item>
                        <el-menu-item index="3">
                            <router-link to="/user/order">我的订单</router-link>
                        </el-menu-item>
                        <el-menu-item index="5">
                            <router-link to="/user/search">搜索</router-link>
                        </el-menu-item>

                    </el-menu>
                </el-header>
            </div>
            <div class="main">
                <el-main><router-view></router-view></el-main>
            </div>
            <el-footer>Footer</el-footer>
        </el-container>
    </div>
</template>

<script>
export default {
    data() {
        return {
            url:'https://ts2.cn.mm.bing.net/th?id=OIP-C.5Vc9kDfOuoAGYqw7CjG2wQHaHa&w=250&h=250&c=8&rs=1&qlt=90&o=6&dpr=1.4&pid=3.1&rm=2'
        }
    },
}
</script>

<style scoped>
.el-menu-demo {
    margin: 0, auto;
    width: 800px;
}

.main {
    height: 888px;
}
</style>